<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/view/templates/templateLayout.xhtml">
      
      <ui:define name="conteudo">    
      <link rel="stylesheet" type="text/css" href="./estilos.css"/>  	
  	
<h:form id="formConsultarAnamnese" prependId="false">  
	<p:panel id="panelConsultarAnamnese" header="Consultar Anamnese" style=" margin-bottom:20px; ">  
		<f:facet name="header">
			<h:outputText value="Consultar Anamnese" styleClass="outputTextTitulo"/>
		</f:facet>
 	<p:messages id="messagesConsultarAnamnese" autoUpdate="true" closable="true"/> 
 		<h:panelGrid id="pgData" columns="1" style="margin-right:10%">
 			<h:outputLabel value="Data" styleClass="outputLabel" />
 			<p:inputMask mask="99/99/9999" value="#{anamneseBean.anamnese.date}" styleClass="inputData">
 				<f:convertDateTime dateStyle="medium"/>
 			</p:inputMask>
 		</h:panelGrid>
        <h:panelGrid id="pgAluno" columns="2" style="text-align:center; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Aluno" styleClass="outputLabel"/>            
            <p:inputText id="inputAlunoNome" value="#{anamneseBean.anamnese.aluno.idAluno}" styleClass="inputId">  
  				<p:ajax  listener="#{anamneseBean.onChangeAluno}" update="pgAluno, messagesConsultarAnamnese" />
            </p:inputText>  
  			<p:autoComplete  value="#{anamneseBean.anamnese.aluno.nome}" maxlength="40"
                    completeMethod="#{anamneseBean.completeAluno}"  >
            	<p:ajax event="itemSelect" listener="#{anamneseBean.handleSelectAluno}" update="pgAluno" />
			</p:autoComplete> 
        </h:panelGrid>  
        <h:panelGrid id="pgFuncionario" columns="2" style="text-align:center; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Funcionario" styleClass="outputLabel"/>            
            <p:inputText id="inputFuncionarioNome" value="#{anamneseBean.anamnese.funcionario.idFuncionario}" styleClass="inputId">  
  				<p:ajax  listener="#{anamneseBean.onChangeFuncionario}" render="pgFuncionario, messages" />
            </p:inputText>  
  			<p:autoComplete  value="#{anamneseBean.anamnese.funcionario.nome}" maxlength="40"
                    completeMethod="#{anamneseBean.completeFuncionario}"  >
            	<p:ajax event="itemSelect" listener="#{anamneseBean.handleSelectFuncionario}" update="pgFuncionario" />
			</p:autoComplete> 
        </h:panelGrid>  
    </p:panel>  
    <p:commandButton id="btConsultar" value="Consultar" actionListener="#{anamneseBean.findAnamnese}" update="dataTableAnamnese" style="margin-right:20px; margin-left:10px;" /> 
	<p:commandButton id="btNovo" value="Novo" action="#{anamneseBean.newAnamnese}" style="margin-right:20px;" /> 
	<p:commandButton id="btLimpar" value="Limpar" update="panelConsultarAnamnese, dataTableAnamnese" actionListener="#{anamneseBean.clean}" style="margin-right:20px;" />   		
   		
    <p:dataTable id="dataTableAnamnese" var="Anamnese" value="#{anamneseBean.dmAnamnese}"  
    			 rowKey="#{Anamnese.idAnamnese}"  selectionMode="single"
                 style="padding-top:20px; width:60%" paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">     
		<p:column sortBy="#{Anamnese.idAnamnese}" style="text-align:center">  
            <f:facet name="header">  
                <h:outputText value="Código " />  
            </f:facet>  
            <h:outputText value="#{Anamnese.idAnamnese}" />  
        </p:column>  		
        <p:column sortBy="#{Anamnese.aluno.nome}">  
            <f:facet name="header">  
                <h:outputText value="Aluno" />  
            </f:facet>  
            <h:outputText value="#{Anamnese.aluno.nome}" />  
        </p:column>  		
        <p:column sortBy="#{Anamnese.funcionario.nome}">  
            <f:facet name="header">  
                <h:outputText value="Professor" />  
            </f:facet>  
            <h:outputText value="#{Anamnese.funcionario.nome}" />  
        </p:column>  		
        <p:column sortBy="#{Anamnese.date}">  
            <f:facet name="header">  
                <h:outputText value="Data" />  
            </f:facet>  
            <h:outputText value="#{Anamnese.date}" >
            	<f:convertDateTime dateStyle="medium"/>
            </h:outputText>  
        </p:column>          
        <p:column style="width:4%">  
        	<f:facet name="header">
        	 <h:outputText value="Editar" />
        	</f:facet>
         	<p:commandButton id="selectButtonEditar"  icon="ui-icon-pencil" title="Detail" action="#{anamneseBean.editarAnamnese}" />
        </p:column> 
    </p:dataTable>   
 
</h:form>  	


</ui:define>
</ui:composition>
